<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>路径问题</title>
</head>
<body>

<!--
路径问题
其实想给src属性路径赋值的方式有两种
1.通过相对路径赋值(掌握)
相对路径就是每次都从.HTML文件所在的文件夹开始查找,我们称之为相对路径

1.1同级
同级就是图片和.HTML文件存储在同一个文件夹中
格式: src="示例图片.jpg"
含义:在.HTML文件所在的文件中查找名称叫做示例图片.jpg的图片

1.2下级
下级就是存储图片的文件夹和.HTML文件在同一个文件夹中
<img src="images/示例图片.jpg">
含义:在这个.HTML文件所在的文件夹中找到名称叫做images的文件夹,然后在images文件夹中找到名称叫做示例图片.jpg的图片

1.3上级
上级就是存储图片的位置和存储代码的文件夹在同一个文件夹中
格式:<img src="../示例图片.jpg">
含义:在HTML文件所在的文件所在的文件夹中找到这个文件夹的上一级文件夹,然后再在上一级文件夹中找到名称叫做示例图片.jpg
其中../代表从当前的位置找到一个上一级文件夹

2通过绝对路径赋值(了解)
绝对路径就是每次都从指定的盘符开始查找
格式: src="C:/Users/子莫/Pictures/示例图片.jpg"
含义:在C盘下找到Users文件夹,然后再Users文件夹中找到子莫文件夹,然后在子莫文件中找到Pictures文件夹,然后在pictures文件夹中找到名称叫做示例图片.jpg的图片

注意:
1:路径中不要出现中文,否则可能出现未知问题
2.如果是通过相对路径来指定,那么不能跨盘符
3.以后企业开发中如果需要编写路径,统一使用反斜杠/,不要使用正斜杠,因为将来我们开发的程序可能会部署到其他操作系统的服务器上,而在其他操作系统中路径都是/,所以如果你写的不是/,可能会引发问题
4.在企业开发中一般不会使用绝对路径,因为可移植性不好,也就是说将你写好的代码拷贝给别人,别人可能就不能运行了
-->

<img src="示例图片.jpg">
<img src="images/示例图片.jpg">
<img src="../示例图片.jpg">
<img src="C:/Users/子莫/Pictures/示例图片.jpg">
</body>
>
</html>